<template>
  <div>
    <h3>这是Child2组件</h3>
    <p>来自于祖先的数据：{{ qwe }}</p>
    <input type="button" @click="send" value="向父组件发数据">
    <input type="button" @click="sendB" value="向兄弟组件发数据">
    <GChild />
  </div>
</template>

<script>
import GChild from "./GChild.vue"
export default {
  components:{
    GChild
  },
  inject: ["qwe"],
  data() {
    return {
      msg:"这是子组件的数据"
    }
  },
  mounted(){
    // 触发父组件给子组件绑定的自定义事件
    // this.$emit("abc", this.msg);
    // console.log(this.$root);
    this.$root.bus.emit("zxc", "Child2的数据")
  },
  emits:["abc"],
  methods:{
    send(){
      this.$emit("abc", this.msg, "hello", 123, true, {}, []);
    },
    sendB(){
      this.$root.bus.emit("zxc", "Child2的数据")
    }
  }
}
</script>